import React from 'react';
import {render} from 'react-dom';


// 生成虚拟dom React.createElement(),接收三个参数
// 参数1 标签名称
// 参数2 标签属性
// 参数3 子节点
// let oDiv= React.createElement("div",{id:"box"},["我是子节点"]);
const arr=["周一","周二","周三","周四","周五",];
let oDiv=<div id="box">
    <ul>
        {arr.map(item=><li>{item}</li>)}
    </ul>
</div>

// 把虚拟dom转换成真实的dom节点
// ReactDOM.render() 接收三个参数
// 参数1 要转换的虚拟dom
// 参数2 生成的dom节点要挂载到哪里
// 参数3 callback回调函数
render(oDiv, document.getElementById('app'), () => {
    console.log("渲染成功");
});
